.banner {
  width: 100%;
  height: auto;

  img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.content {
  .container {
    .brief {
      margin-top: 97px;
      li {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        
        div {
          .big_title {
            display: block;
            width: 255px;
            position: relative;
            margin: 0px auto 48px;
            h2 {
              font-size: 74px;
              color: #e0e0e0;
              font-weight: bold;
            }
            h3{
              position: absolute;
              top: 32px;
              left: 88px;
              width: 115px;
              height: 32px;
              background-color: #ffffff;
              font-size: 20px;
              color: #000000;
              text-align: center;
              line-height: 32px;
            }
          }

          p {
            width: 536px;
            font-size: 14px;
            color: #606a6c;
            line-height: 34px;
            text-indent: 17px;
          }

          p~p {
            margin-top: 45px;
          }
        }

      }
      li:nth-child(2){
        margin-top: 81px;
        div {
          p{
            width: 495px;
          }
        }
      }
    }
    .icon{
      display: flex;
      justify-content: space-evenly;
      margin: 108px auto 42px;
      li{
        text-align: center;
        h3{
          font-size: 16px;
          color: #000000;
          margin: 32px auto 22px;
        }
        p{
          font-size: 14px;
          color: #bbbbbb;
          line-height: 32px;
        } 
      }
    }
  }
}